@charset "gbk";
/* CSS Document */


BODY {
	margin:0; padding:0; text-align:center; background: #FFFFFF; background-image:url(../images/headerBg.jpg); background-repeat:repeat-x; min-width:800px;width:auto !important; width:auto; overflow:visible;
}

TH {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
TD {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H2 { 
	font-size:18px; font-weight:bold; color:#000; margin:0px; padding:0px;
}
H3 {
	font-size:14px; font-weight:bold; color:#000; margin:0px; padding:0px; line-height:22px; color:#99CC00;
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	DISPLAY: block; margin:0px;
}
TEXTAREA { 
	border-top:1px solid #763705; border-left:1px solid #763705; border-right:1px solid #bb9b82; border-bottom:1px solid #bb9b82; color:#444; width:100%; height:280px; overflow:auto;background:#FFFFFF; SCROLLBAR-FACE-COLOR: #9a705c;  SCROLLBAR-HIGHLIGHT-COLOR: #9a705c; SCROLLBAR-SHADOW-COLOR: #9a705c; SCROLLBAR-3DLIGHT-COLOR: #9a705c; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #d4c6bc; SCROLLBAR-DARKSHADOW-COLOR: #9a705c; padding:4px;

}

INPUT[type=checkbox] {
	MARGIN: 2px 2px -2px 0px; vertical-align:-1px; 
}

INPUT.inputbox {
	border-top:1px solid #763705; border-left:1px solid #763705; border-right:1px solid #bb9b82; border-bottom:1px solid #bb9b82; color:#444; width:100%; font-size:12px; padding-left:4px; padding-top:2px; height:14px;
}
INPUT.checkbox {
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;
}
INPUT.radio {
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;
}

span.checkbox { 
  width: 19px; 
  height: 25px; 
  padding: 0 2px 0 0; 
  background: url(../images/checkbox.gif) no-repeat; 
	MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;display: block;
 
} 
span.radio { 
  width: 19px; 
  height: 25px; 
  padding: 0 2px 0 0; 
  background: url(../images/radio.gif) no-repeat; 
  MARGIN: -2px 2px -2px 0px; vertical-align:-2px; color:#00CC66;display: block;
} 

span.select { 
  position: absolute; 
  width: 138px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 24px 0 8px; 
  color: #fff; 
  font: 12px/21px arial,sans-serif; 
  background: url(../images/select.gif) no-repeat; 
  overflow: hidden; 
} 
span.blank{
	width:15px; display:block;
}

div.bg {
	border:#bb9b82 solid 1px; background:#fff; 
}

div.content{
	border:#efdac9 solid 1px; background:#fcf8f6; font-size:12px; line-height:20px; color:#000000;
}


p.input{
	height:30px; margin-top:0px; margin-bottom:2px;
}
p.dotted{
	width:100%; border-top:1px #999999 dotted; padding-top:5px; color:#999999;
}

span{
	display:block; float:left;
}

span.ok{
	width:16px;; text-align:left; margin-left:10px; color:#33CC00;  display:block; background:url(../images/right.gif) no-repeat 0px 1px;
}
span.loading{
	width:30px;   display:none; text-align:left; margin-left:10px;  background:url(../images/loading.gif) no-repeat 0px 5px;
}

#outer{	width:800px; margin:0px;}

#header{ height:48px; width:100%; float:left; }


margin:15px 0px 0px 13px;  float:left;}
#header_info{ float:right;margin:20px 28px 0px 0px; font-size:12px; color:#000;}
#header_fav{ float:right; margin:20px 22px 0px 0px!important; margin:20px 10px 0px 0px; font-size:12px; color:#000;}



#warp{
	width:100%; float:left; height:auto;
}
#warp_header{ 
	width:100%; height:58px; background:url(../images/jokebox_header_bg.gif) repeat-x; float:left;
}
#warp_cap{
	margin:10px 0px 0px 13px!important; margin:10px 0px 0px 6px;float:left;
}
#warp_close{
	margin:10px 12px 0px 0px!important; margin:10px 6px 0px 6px;float:right;
}
#submit_box{
	height:auto; width:750px; text-align:center; color:#666; font-size:14px; margin-top:4px; margin-left:12px!important; margin-left:6px;padding:16px 0px; float:left;
}
#left{ 
	margin-left:12px!important; margin-left:7px; width:466px; float:left; text-align:left; height:370px;
}
#right{ 
	margin-left:16px!important; margin-left:7px; padding-left:12px; width:232px!important; width:226px; float:left; text-align:left; height:370px; border-left:1px dotted #efdac9;
}
#input_div{
	width:100%; margin-bottom:4px; height:16px;
}
#input_tag_title{
	font-size:12px; padding-left:4px; margin-bottom:px; margin-top:6px; width:100%; height:16px; color:#58331e; float:left;
}
#input_tag{
	font-size:12px; padding-left:4px; width:100%; margin-bottom:4px; height:auto; float:left;
}
#input_tag_box{
	background:#FFFFFF; border-top:1px solid #763705; height:344px;
}
#input_title{
	font-size:14px; height:16px; line-height:16px; margin-right:8px; color:#000000; float:left;
}
#input_tag span{
	display:block; float:left; width:56px; color:#000000;
}
#input_hint{
	font-size:12px; color:#666666; float:left; width:auto; height:16px; line-height:16px;
}
#check_finish{
	width:726px; height:20px!important;height:20px; overflow:visible;margin:0px 12px 0px 12px!important; margin:0px 6px 0px 6px; padding:20px 12px 12px 12px; background:#fefbed; border:1px solid #f6dc9d; font-size:14px; display:none; float:left;
}

#left #warp_content{
	width:500px; height:250px!important;height:250px; overflow:visible;margin:3px 12px 0px 12px; padding:12px;
}
#right #warp_content{ 
	width:180px; height:276px!important;height:280px; overflow:visible;margin:3px 12px 0px 12px; color:#999999; font-size:12px;
}
#warp_footer{ 
	height:28px; width:100%; text-align:center; color:#6b6b6b; font-size:12px; font-weight:bold; float:left; padding-top:10px;
}

.brown {color:#58331e}
.brown a:link{ color:#58331e; text-decoration: none;	font-size: 12px;}
.brown a:visited{color:#58331e; text-decoration: none; font-size: 12px; }
.brown a:hover{color:#884E2F; text-decoration:underline;	font-size: 12px; }
a.brown:link{ color:#58331e; text-decoration: none;	font-size: 12px;}
a.brown:visited{color:#58331e; text-decoration: none; font-size: 12px; }
a.brown:hover{color:#884E2F; text-decoration:underline;	font-size: 12px; }

a:link{ color:#000; text-decoration: none;	font-size: 12px;}
a:visited{color:#000; text-decoration: none; font-size: 12px; }
a:hover{color:#58331e; text-decoration:underline;	font-size: 12px; }
#jokebox_footer a:link{color:#6b6b6b;}
#jokebox_footer a:visited{color:#6b6b6b;}
#jokebox_footer a:hover{color:#58331e;}

#finish_reg a:link{
	color:#99CC00;	font-size: 14px; text-decoration: underline;
}
#finish_reg a:visited{
	color:#99CC00;	font-size: 14px; text-decoration: underline;
}
#finish_reg a:hover{
	color:#99CC00;	font-size: 14px; text-decoration: underline;
}
